import React from 'react';
import { useTranslation } from 'react-i18next';
import LanguageSelector from '../../../components/LanguageSelector';

const LanguageSettings: React.FC = () => {
    const { t } = useTranslation();

    return (
        <div className="w-full relative bg-zinc-900 rounded-[10px] border border-[#282828] mx-auto mb-5 md:mb-10">
            <div className="w-full h-[0px] border-t border-[#363636]"></div>
            <div className="flex-col justify-start items-start gap-3.5 inline-flex p-8">
                <div className="text-white text-base font-medium leading-relaxed">
                    {t('settings.language')}
                </div>
                <div style={{ border: '1px solid rgb(86,86,86)' }} className="w-full py-2 px-4 rounded-2xl">
                    <LanguageSelector className="w-full" />
                </div>
            </div>
        </div>
    );
};

export default LanguageSettings; 